.container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.flexbox {
	display: flex;
}

.flex-justify {
	justify-content: space-between;
}

.flex-left {
	justify-content: flex-start;
}

.flex-right {
	justify-content: flex-end;
}

.flex-middle {
	align-items: center;
}

.flex-top {
	align-items: flex-start;
}

.flex-bottom {
	align-items: flex-end;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.clear {
	clear: both;
}

.clear:after {
	display: block;
	content: "";
	clear: both;
}

.none {
	display: none;
}

.relative {
	position: relative;
}


/*color*/

.color-danger {
	color: #E4393C;
}

.color-link {
	color: #1891EE;
}


/*box*/

.box {
	border: 1px solid #E0CECE;
}